<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请设计师</title>
    <link type="text/css" rel="stylesheet" href="../Public/css/reset.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/DateTimePicker.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/style.css">
    <link type="text/css" rel="stylesheet" href="../Public/script/uploadify.css">
    <script type="text/javascript" src="../Public/script/jquery.js"></script>
<script type="text/javascript" src="../Public/script/distpicker.data.js"></script>
<script type="text/javascript" src="../Public/script/distpicker.js"></script>
<script type="text/javascript" src="../Public/script/DateTimePicker.js"></script>
<script type="text/javascript" src="../Public/script/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="../Public/layer/layer.js"></script>
<script type="text/javascript" src="../Public/script/jquery.uploadify.min.js"></script>
<link type="text/css" rel="stylesheet" href="../Public/script/uploadify.css">
<style>
.uploadify-button {
background:url(../Public/images/个人中心-设计师申请_+.png ) no-repeat  ;
padding-top: 80px;
border: 1px solid #fff;
display: block;
border-radius:0px ;


}
.uploadify:hover .uploadify-button {
background:url(../Public/images/个人中心-设计师申请_+.png ) no-repeat  ;
padding-top: 70px;

}

 .uploadify-queue{ display: none;
    }
</style>
    <style>
        input{
            border: 1px solid #D3D4D3;
        }    
        .tr{
            width: 100%;
            display:block;
            margin: 1%;
        }
        .td{
            width: 42%;
            text-align: right;
            padding-right: 5%;
        }
        .title-img{
            background: url("../Public/images/center.jpg") center no-repeat;
            height: 160px;
            background-size: cover; -moz-background-size: cover;
        }
        .big{
            display: flex;flex-direction: row;padding-right: 2%;padding-left: 2%;margin-bottom: 2%;margin-top:15px;
        }
        .active{
            color: red;
        }
        .center_ul{
            width: 100%;margin: 0;padding: 0;
        }
        .center_li{
           font-weight: 400;padding: 10px;
        }
        .menu{
            width:15%;background-color: #e6f1ef;text-align: center;margin: 0;padding: 0;height: 500px
        }
        .top01{
            width: 80%;margin-left: 10px;
        }
        .top01 .menu-top{
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;
            padding-bottom: 1.5%;
            padding-top: 1.5%;
            color: #353333;
            text-align: center;
            background-color: #7bc2f1;
        }
        .top01 .menu-msg{
            font-size: 14px;
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;padding: 0;
            text-align: center;
            background-color: #b1bbb9;
        }
        .top01 .menu-msg li {
            padding: 1%;width: 9%;align-self: center;
        }
        .top01 .menu-top li{
            padding: 1%;width: 9%;
        }
        .top01 .menu_top{
            margin-bottom: 1%;
        }
        .bottom_01{
            display: flex;flex-direction:row;width: 100%;justify-content:space-between;margin: 0;padding: 0;text-align: center;
        }
        .bottom_01 .table{
            padding: 1%;width: 9%;align-self: center;
        }
        .bottom_01 .img{
            display: flex;flex-direction:column; width: 10%;
        }
        .bder{
            border: 1px solid #2e8ded;margin-bottom: 2%;
        }
        .pdg{
            padding: 1%;border-bottom: 1px solid #e6f1ef;
        }
    </style>
</head>
<body>
<!-- 公共头部引用 str -->
<include file="Common:header"/>
<!-- 公共头部引用 str -->
<div class="title-img"></div>
    


    <div class="contain">
        
        <div class="groupCont" style="height: 380px" >
            <div class="gcBlank"></div>
                  <div class="menu" style="float: left; margin-left: 50px ">
            <include file="Common:menu"/>
        </div>
            <div class="widthBlock" style="width: 880px;float: left; height: 444px">
                
            <form  method="post" action="" enctype="multipart/form-data" >
    <div style="display: flex;flex-direction: column;padding: 2%;">
        <div style="display: flex;flex-direction: row;width: 100%;color: #353333;">
            <div style="display: flex;flex-direction: column;width: 40%;padding: 2%;">
                <div style="margin: 1%;padding: 1%;border-left: 4px solid #275675;">基本资料</div>
                <table width="100%">
                      <tr class="tr">
                        <td class="td" height="40px" >姓名：</td><td style="width: 50%;"><input name="user" type="text" style="width: 80%" value="{$zz['user']}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                      <tr class="tr">
                        <td height="40px" class="td">电话：</td><td style="width: 50%;"><input name="tel" type="text" style="width: 80%" value="{$zz['phone']}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr class="tr">
                        <td  height="40px" class="td">所在城市：</td><td style="width: 50%;"><input name="chengshi" type="text" style="width: 80%" value="{$zz['chengshi']}" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                
                </table>
            </div>
            <div style="width: 40%;display: flex;flex-direction: row;padding-top: 5%;">
                <div style="padding-right: 12%">头像：</div>
          <empty name="zz['touxiang']">
<img id="img2"   style="width:111px; "  src="App/Home/View/Public/images/abccc.png" width="11" height="100" border="0" />
</empty>
            
<notempty name="zz['touxiang']">
              <img id="img2"  style="width:111px; "  src="Uploads/{$zz['touxiang']}" width="11" height="100" border="0" />
   </notempty>
              <div class="imgBlock" >
            
          

    
    <input id="file_upload" name="file_upload" type="file" width="0" multiple="true" value="" />
 
   
              
                    </div>
            </div>
        </div>
          <input  name="touxiang" type="hidden" id="zhaopian" width="0" multiple="true" value="" />
       <!--  <div style="border-top: 2px dotted #969696;width: 95%;height: 1px;position: relative;left: 3%;margin-top: 2%;margin-bottom: 2%" ></div>
        <div>
            <div style="padding: 1%;border-left: 4px solid #275675;margin-left: 2.5%;margin-bottom: 2%">设计理念</div>
            <div style="margin-left: 4%"><textarea name="linian" style="width: 60%;height:150px;resize:none"></textarea></div>
        </div>
        <div style="border-top: 2px dotted #969696;width: 95%;height: 1px;position: relative;left: 3%;margin-top: 2%;margin-bottom: 2%" ></div>
        <div style="width: 100%;">
            <div style="display: flex;flex-direction: row;justify-content: space-between;width: 100%">
                <div style="padding: 1%;border-left: 4px solid #275675;margin-left: 2.5%;margin-bottom: 2%">作品展示</div>
     
            </div>
   
       
        </div>
    </div>

 
                <div class="form" >
                    <div class="inputBlock">
                        <div class="name fl">
                            标题
                        </div>
                        <div class="input fl">
                            <input type="text" name="title">
                        </div>
                        <div class="clear"></div>
                    </div>
                         <div class="inputBlock">
                        <div class="name fl">
                            描述
                        </div>
                        <div class="input fl">
                            <textarea name="content" style="height: 50px"></textarea>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div cl
            
                    <div class="imgBlock" >
            
                <div  id="img" ></div>

    
    <input id="file_upload1" name="file_upload1" type="file" width="0" multiple="true" value="" />
 
   
              
                    </div> -->
                    <div class="clear"></div>

                    <div class="btn" style="text-indent: 160px">
                        <button type="submit" style="border: none; font-size: 14px;padding: 10px 60px;background-color: #49bf9d;color: white">保存</button>
                    </div>
                </div>
                </form>

       
                
            </div>
        </div>
        
    </div>
    <!--contain end-->
    <!-- <div class="clear"> -->
    <!--bottom2-->
    <div class="bottom2Blank"></div>

    <!--bottom2 end-->

<include file="Common:footer"/>
    

<script>
jQuery(document).ready(function(e) {
    
    $(".favour").click(function(){
        if($(this).hasClass("checked"))
        {
            $(this).removeClass("checked");
        }
        else
        {
            $(this).addClass("checked");
        }
    });


});

$(function() {

var img_id_upload=new Array();
var i=0;

    $('#file_upload1').uploadify({
        'swf'      : '../Public/script/uploadify.swf',
        'method'   : 'post',
        'uploader' : '{:U("User/tupian")}',
        'buttonText' : '',
         'rollover': true,
        'multi': true,
        'height':70,
'uploadLimit'  : 5,
// 'buttonText':"图片上传",

'fileDesc':'不超过2M的图片 (*.gif;*.jpg;*.png)',
        
        'onUploadSuccess' : function(file, data, response) {

           $('#img').append('   <input  name="photos[]" type="hidden" width="0" multiple="true" value="'+data+'" /><img  style="width:111px; "  src="Uploads/'+data+'" width="141" height="130" border="0" />')
          
     img_id_upload[i]=data;
           i++;
  

        },
    });
    //图二
     $('#file_upload').uploadify({
        'swf'      : '../Public/script/uploadify.swf',
         'method'   : 'post',
        'uploader' : '{:U("User/tupian")}',
            'height':70,
'uploadLimit'  : 5,
'multi': false,
        'buttonText' : '',
        'onUploadSuccess' : function(file, data1, response) {


            $('#img2').attr('src','Uploads/'+ data1);
             $('#zhaopian').val(data1);
        },
    });
});







</script>
<script>









</script>
    
</body>
</html>

    